<!--<div style="display: inline-block;line-height: 64px;" ng-show="!fromFillAndSign">-->
    <!--<span>{{'documents_list' | translate }}</span>-->
    <!--  CBASE-334 要求 去掉下面的 提示 他们自己那边加 -->
    <!--<span class="hide-a6 hide-web" ng-show="lang!='JP'" style="display: block;line-height: 0px;"><a ng-click="openCloudArchive()">{{'show_uploaded_before' | translate }}</a></span>-->
<!--</div>-->
<style>
    div.sort-area ul.bomb－box li.item{
        position: relative;
    }
    div.sort-area ul.bomb－box li.item i{
        position: absolute;
        right: 6px;
        top: 6px;
    }
    div.sort-area ul.bomb－box li.item:hover{
        background:#F7F7F7;
    }
    li{
        cursor:pointer;
    }
    .icon.adjust-btn {
        margin-top: 3px;
        width: 28px;
    }
    .search-area{
        /*margin-left: 10px;width: 200px;*/
        position: relative;
    }
    .search-area .search-area-input {
        border: none;
        border-right: none;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        background-color: #f5f5f5;
    }
    .search-area .input-group-addon {
        border: none;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        background-color: #f5f5f5;
        padding: 0 3px;
    }
    .search-area .advance-search-btn{
        border-color: #e2e2e4;border-right:none;margin-top:15px;width: 100px;border-radius: 2px;padding-top: 6px;padding-bottom: 6px;
    }
    .search-area .input-group{
        width: 200px;
        padding: 2px 15px;
    }
    .search-area .search-area-input{
        height: 28px;
    }

    @media screen and (max-width: 700px){
        .search-area .input-group{
            width: auto;
            padding: 0;
        }
        .search-area .input-group  .search-area-icon{
            display: none;
        }
        .search-area .input-group  .search-area-input{
            display: none;
        }
    }


    #document-search-area .modal {
        position: absolute;
        left: auto;
        right: 0;
        bottom: auto;
        top: auto;
        min-width: 300px;
    }
    #document-search-area .modal-dialog {
        margin: 0 auto;
    }
    #document-search-area .modal-content {
        border-radius: 0;
        border-color: #e5e5e5;;
    }
    .file-info-icon.active{
        background: rgba(0,0,0,0.1);
    }
    .right-top-share-icon-container{
        position: relative;
        width: 100%;
        height: 100%;
        display: inline-block;
    }
    .adjust-btn>.fa-folder-open{
        color: #7e7e7e;
    }
    .dropdown-menu{
        color: #999;
    }
    .adjust-btn{
        width: auto;
    }
    .m-0{
        margin: 0;
    }

</style>
<!--<div class="dropdown new-cho" ng-if="((currentFolder.allowableActions.canCreateDocument && supportFile) || currentFolder.allowableActions.canCreateFolder)">-->
    <!--<button type="button" ng-if="(filePickerModal!='saveAs' && !fromFillAndSign)" class="btn btn-create-fold btn-primary m-bot10 dropdown-toggle"-->
       <!--data-toggle="dropdown" aria-haspopup="true">-->
        <!--{{'new' | translate }}-->
    <!--</button>-->
    <!--<button type="button" ng-if="(filePickerModal!='saveAs' && !fromFillAndSign)" class="btn btn-create-fold btn-primary m-bot10 dropdown-toggle"-->
       <!--data-toggle="" aria-haspopup="true" disabled="disabled">-->
        <!--{{'new' | translate }}-->
    <!--</button>-->
    <!--<button type="button" ng-if="filePickerModal=='saveAs' && !fromFillAndSign" class="btn btn-create-fold btn-primary m-bot10 dropdown-toggle" ng-click="createFolder()">-->
        <!--{{'create_folder' | translate }}-->
    <!--</button>-->
    <!--<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">-->
        <!--<li ng-if="currentFolder.allowableActions.canCreateFolder">-->
            <!--<a ng-click="createFolder()" class="normal-wrap">-->
                <!--<i class="icon icon-folder-open"></i> {{'create_folder' | translate }}-->
            <!--</a>-->
        <!--</li>-->
        <!--<li ng-if="supportFile && currentFolder.allowableActions.canCreateDocument && currentFolder.allowableActions.canCreateFolder && filePickerModal!='saveAs'" class="divider"></li>-->
        <!--<li ng-if="supportFile && currentFolder.allowableActions.canCreateDocument && filePickerModal!='saveAs'">-->
            <!--<a ng-click="setFileCDRMPerm(null,true)" class="normal-wrap">-->
                <!--<i class="icon icon-up"></i> {{'upload_file' | translate }}-->
            <!--</a>-->
        <!--</li>-->
    <!--</ul>-->
<!--</div>-->

<!-- 非mobile端菜单 -->
<div ng-if="device!=='mobile'">

    <!-- 非批量操作模式 -->
    <div class="pc-common-part-options" ng-if="!multipleSelectModeOn">
        <div class="pull-right search-area" ng-show="!isSharedWithMe && filePickerModal !='saveAs' || fromFillAndSign !=''">
            <div class="input-group" >
                <i ng-if="smallScreen" class="icon adjust-btn icon-search" title="{{ 'search' | translate }}"></i>
                <input type="text" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" ng-model="query.str" class="form-control search-area-input" placeholder="{{ 'search_for' | translate}}">
                <ul class="dropdown-menu has-selected-active dropdown-menu-right">
                    <li ng-click="setSearchType(query.str,'all')" ng-class="{selected: searchType=== 'all'}"><a href="javascript:;">{{ 'all' | translate }}</a></li>
                    <li ng-click="setSearchType(query.str,'document')" ng-class="{selected: searchType=== 'document'}"><a href="javascript:;">{{ 'document' | translate }}</a></li>
                    <li ng-click="setSearchType(query.str,'folder')" ng-class="{selected: searchType=== 'folder'}"><a href="javascript:;">{{ 'folder' | translate }}</a></li>
                    <!--<li ng-click="setSearchType(query.str,'image')"><a href="javascript:;">{{ 'image' | translate }}</a></li>-->
                    <!--<li ng-click="setSearchType(query.str,'pdf')"><a href="javascript:;">{{ 'pdf' | translate  }}</a></li>-->
                    <!--<li ng-click="setSearchType('zip')"><a href="javascript:;">{{ 'zip' | translate }}</a></li>-->
                    <li ng-if="!isIE10" role="separator" class="divider"></li>
                    <!--<li ng-click="setSearchType(query.str,'1day')"><a href="javascript:;">{{ '1day' | translate  }}</a></li>-->
                    <!--<li ng-click="setSearchType(query.str,'7days')"><a href="javascript:;">{{ '7days' | translate }}</a></li>-->
                    <!--<li ng-click="setSearchType(query.str,'30days')"><a href="javascript:;">{{ '30days' | translate }}</a></li>-->
                    <!--<li role="separator" class="divider"></li>-->
                    <li ng-if="!isIE10" ng-click="advancedSearch()"><a href="javascript:;">{{ 'advanced_search' | translate  }}</a></li>
                </ul>
                <span class="input-group-addon search-area-icon" ng-click="setSearchType(query.str,searchType)"><i class="icon icon-search"></i></span>
            </div>
            <div id="document-search-area"></div>
        </div>
        <!-- file info -->
        <div class="pull-right file-info-icon adjust-btn" ng-show="filePickerModal!='saveAs'" ng-class="{'active':detailPanelIsShow,'':!detailPanelIsShow}">
            <!-- fa-th-large is the other -->
            <i class="icon icon-info" title="{{'info' | translate}}" ng-click="switchDetailPanel()"></i>
        </div>
        <!-- grid view list view -->
        <div class="pull-right adjust-btn">
            <!-- fa-th-large is the other -->
            <i class="icon cur-p icon-th-list" title="{{'list_view' | translate}}" ng-if="!trStyle" ng-click="changeDocShowStyle()"></i>
            <i class="icon cur-p icon-th-large" title="{{'grid_view' | translate}}" ng-if="trStyle" ng-click="changeDocShowStyle()"></i>
        </div>
        <!-- 批量操作 -->
        <div class="pull-right adjust-btn" ng-show="filePickerModal!='saveAs'">
            <!-- fa-th-large is the other -->
            <i class="fa fa-fw fa-mouse-pointer" ng-click="toggleSelectMode($event)" title="{{'multiple_select_mode' | translate}}" ></i>
        </div>
        <!-- refresh -->
        <div class="pull-right adjust-btn">
            <!-- fa-th-large is the other -->
            <i class="icon icon-refresh " title="{{'refresh' | translate}}" ng-click="refreshCurFolderList()"></i>
            <!--<i class="icon icon-refresh " ng-click="loadMoreChildren()"></i>-->

        </div>
        <!-- 查看用户permission模版 -->
        <div class="pull-right adjust-btn" ng-if="docOwner && !searchModeIsOn && currentFolder.isCDRMFolder()">
            <!-- fa-th-large is the other -->
            <i class="icon icon-protect-template" title="{{'当前模版' | translate}}" ng-click="setFileCDRMPerm(null,true,$event,null,true)"></i>
            <!--<i class="icon icon-refresh " ng-click="loadMoreChildren()"></i>-->
        </div>
    </div>
    <!-- 批量操作模式 -->
    <div class="pull-right adjust-btn" title="{{ 'quit_multiple_select' | translate }}" ng-if="multipleSelectModeOn" ng-click="cancelSelectMode()">
        <i style="font-size: 20px" class="fa fa-ban"></i>
    </div>
    <!-- single document 不是文档owner 使用场景 用户 查看企业其他用户-->
    <span ng-if="!choseFile.isRoot() && choseFile.isDocument() && multipleChooseFiles.length==1 && !docOwner">
        <div class="pull-left adjust-btn m-0" ng-click="requestForShare(choseFile)">
            <i class="icon icon-external-link" title="{{'请求共享' | translate }}" ></i><span>{{'请求共享' | translate }}</span>
        </div>
    </span>
    <!-- single document 并且是docOwner -->
    <span ng-if="!choseFile.isRoot() && choseFile.isDocument() && multipleChooseFiles.length==1 && docOwner">
         <!--<div class="pull-right adjust-btn" style="font-size: 20px;color:#999;">-->
             <!--|-->
         <!--</div>-->
        <!--  shared with me 是没有以下功能的 -->


        <!--<li class="pull-right adjust-btn" style="background:url('img/merge-pdf.png');background-size: 80%;background-repeat: no-repeat;background-position: 50% 50%;" ng-if="device=='phantom-online'" ng-mousedown="mergePdf(multipleChooseFiles,$event)" class="cbutton adjust-btn " click-effect ng-class="{'hide':canMerge(multipleChooseFiles)==false,'':canMerge(multipleChooseFiles)}" title="{{'merge_pdf' | translate }}">-->
            <!--<i class="fa fa-trash-o" style="visibility: hidden;"></i>-->
        <!--</li>-->
        <!--<li class="pull-right adjust-btn" style="background: url(img/page-organizer.png);background-size: 60%;background-repeat: no-repeat;background-position: 50% 50%;" ng-click="organizePDFPage(choseFile)" class="cbutton adjust-btn " click-effect ng-show="choseFile.contentStreamMimeType=='application/pdf' && device=='phantom-online'" title="{{'organize_pdf_page' | translate }}">-->
            <!--<i class="fa fa-info-circle" style="visibility: hidden;"></i>-->
        <!--</li>-->
        <div class="pull-left adjust-btn m-0" ng-if="choseFile.allowableActions.canDeleteObject" ng-click="delete(choseFile)">
            <i class="icon icon-delete" title="{{'delete' | translate }}" ></i><span>{{'delete' | translate }}</span>
        </div>
        <div class="pull-left adjust-btn" ng-if="choseFile.allowableActions.canApplyACL && !searchModeIsOn && !isSharedWithMe"  ng-click="moveTo(choseFile,$event)">
            <i class="icon icon-move-file" ></i><span>{{'move_to' | translate }}</span>
        </div>
        <div class="pull-left adjust-btn" ng-if="choseFile.allowableActions.canGetContentStream && filePickerModal!='saveAs'"  ng-click="preview(choseFile)" >
            <i class="icon icon-eye" title="{{'preview' | translate }}" ng-class="{'style-disable':!choseFile.canPreview(),'':choseFile.canPreview()}"></i><span>{{'preview' | translate }}</span>
        </div>
        <!-- shared with me download-->
        <div class="pull-left adjust-btn" ng-if="choseFile.allowableActions.canGetContentStream && supportFile && (device != 'foxitReader' || isIEorEdge) && !isSafari && isSharedWithMe && choseFile.description.canDownload==1" ng-click="download(choseFile)">
            <i class="icon icon-down" title="{{'download' | translate }}"></i><span>{{'download' | translate }}</span>
        </div>
        <!--<div class="pull-left adjust-btn" ng-if="!isSharedWithMe" title="{{'share_file' | translate }}">-->
            <!--<span class="right-top-share-icon-container cur-p">-->
                <!--<i style="position: relative;z-index:0;" class="icon icon-external-link" ></i><span>{{'share_file' | translate }}</span>-->
                <!--<span class="cloud-reading-share" file="choseFile" currentScope="this"></span>-->
            <!--</span>-->
        <!--</div>-->
        <div class="pull-left adjust-btn" ng-if="choseFile.allowableActions.canUpdateProperties && currentFolder.isCDRMFolder()" ng-click="setFileCDRMPerm(choseFile,false)">
             <i class="icon icon-protect" title="{{'权限修改' | translate}}" ng-click="rename(choseFile)"></i>
            <span translate="权限修改"></span>
        </div>
        <div class="pull-left adjust-btn" ng-if="!isSharedWithMe && docOwner">
            <div class="dropdown">
                <span class="dropdown-toggle cur-p" type="button" data-toggle="dropdown">
                    <i class="icon icon-more"></i><span>{{ 'more_options' | translate }}</span>
                        <!--<i class="fa fa-lock" style="font-size:8px;position: absolute;bottom:10px;right: 0px;" ng-show="choseFile.isVersionSeriesCheckedOut"></i>-->
                    </span>
                <ul class="dropdown-menu right-click-pop-up" style="right:0">
                     <!--<li ng-if="choseFile.allowableActions.canUpdateProperties"   ng-click="rename(choseFile)">-->
                        <!--<a>-->
                            <!--<i class="icon icon-edit" title="{{'批量操作' | translate}}" ng-click="rename(choseFile)"></i>-->
                            <!--<span translate="批量操作"></span>-->
                        <!--</a>-->
                    <!--</li>-->

                     <!--<li ng-if="choseFile.allowableActions.canUpdateProperties"   ng-click="setFileCDRMPerm(null,true,$event,null,true)">-->
                        <!--<a>-->
                            <!--<i class="icon icon-edit" title="{{'保护策略' | translate}}" ng-click="rename(choseFile)"></i>-->
                            <!--<span translate="策略模版"></span>-->
                        <!--</a>-->
                    <!--</li>-->
                    <li ng-if="choseFile.allowableActions.canUpdateProperties"   ng-click="rename(choseFile)">
                        <a>
                            <i class="icon icon-edit" title="{{'rename' | translate}}" ng-click="rename(choseFile)"></i>
                            <span translate="rename"></span>
                        </a>
                    </li>
                    <li ng-if="choseFile.allowableActions.canGetContentStream && supportFile && (device != 'foxitReader' || isIEorEdge) && !isSafari" ng-click="download(choseFile)">
                        <a>
                            <i class="icon icon-down" title="{{'download' | translate }}"></i>
                            <span translate="download"></span>
                        </a>
                    </li>

                    <li ng-if="choseFile.allowableActions.canUpdateProperties && !isCpdfDoc" ng-click="openModifyFilePicker(choseFile)">
                        <a >
                            <i class="icon icon-up" title="{{'upload_new_version' | translate }}"></i>
                            <span translate="upload_new_version"></span>
                        </a>
                    </li>
                    <li class="divider"></li>
                    <li ng-if="choseFile.allowableActions.canUpdateProperties" class="disabled" >
                        <a >
                            <i class="icon icon-up" title="{{'高级编辑' | translate }}"></i>
                            <span translate="高级编辑"></span>
                        </a>
                    </li>
                    <li ng-if="choseFile.allowableActions.canUpdateProperties" class="disabled">
                        <a >
                            <i class="icon icon-up" title="{{'国密签章' | translate }}"></i>
                            <span translate="国密签章"></span>
                        </a>
                    </li>
                    <li ng-if="choseFile.allowableActions.canUpdateProperties" class="disabled">
                        <a >
                            <i class="icon icon-up" title="{{'互联表单' | translate }}"></i>
                            <span translate="互联表单"></span>
                        </a>
                    </li>
                    <li ng-if="choseFile.allowableActions.canUpdateProperties" class="disabled">
                        <a >
                            <i class="icon icon-up" title="{{'工作流' | translate }}"></i>
                            <span translate="工作流"></span>
                        </a>
                    </li>
                    <li ng-show="choseFile.isDocument() && repository == 'fxcld' && device=='foxitReader' && showSendEmail">
                        <a ng-click="sendViaEmail(choseFile)">
                            <i class="fa fa-envelope-o"></i>
                            <span>{{'send_via_email' | translate }}</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </span>
    <!-- single folder -->
    <span  ng-if="(!choseFile.isRoot() && !choseFile.isDocument() && multipleChooseFiles.length==1 && choseFile.id !== currentFolder.id)">
        <!--<div class="pull-right adjust-btn" style="font-size: 20px;color:#999;">-->
            <!--|-->
        <!--</div>-->
        <div class="pull-left adjust-btn m-0" ng-class="{'style-disable':choseFile.readOnly,'':!choseFile.readOnly}" ng-if="choseFile.allowableActions.canMoveObject && !searchModeIsOn && !isSharedWithMe" ng-click="!choseFile.readOnly && moveTo(choseFile,$event)">
            <i class="icon icon-move-file" title="{{ 'move_to' | translate }}" ></i><span>{{ 'move_to' | translate }}</span>
        </div>
        <div class="pull-left adjust-btn" ng-class="{'style-disable':choseFile.readOnly,'':!choseFile.readOnly}" ng-if="choseFile.allowableActions.canDeleteObject" ng-click="!choseFile.readOnly && deleteFolder(choseFile, $event, true,true)">
            <i class="icon icon-delete" title="{{'delete' | translate }}" ></i><span>{{'delete' | translate }}</span>
        </div>
        <div class="pull-left adjust-btn" ng-class="{'style-disable':choseFile.readOnly,'':!choseFile.readOnly}" ng-if="choseFile.allowableActions.canUpdateProperties && !isSharedWithMe" ng-click="!choseFile.readOnly && rename(choseFile)" ng-mousedown="stopBubble($event)">
            <i class="icon icon-edit" title="{{'rename' | translate}}" ></i><span>{{'rename' | translate}}</span>
        </div>
    </span>
    <!-- multiple files -->
    <span ng-if="(multipleChooseFiles.length>1)">
        <!--<div class="pull-right adjust-btn" style="font-size: 20px;color:#999;" ng-if="canMoveMultipleFiles || canDeleteMultipleFiles">-->
            <!--|-->
        <!--</div>-->
        <div class="pull-left adjust-btn m-0" ng-if="!searchModeIsOn && canMoveMultipleFiles && !isSharedWithMe" ng-mousedown="moveTo(multipleChooseFiles,$event)">
            <i class="icon icon-move-file cur-p"></i><span>{{ 'move_to' | translate }}</span>
        </div>
        <div class="pull-left adjust-btn" ng-if="canDeleteMultipleFiles" ng-click="multipleDel($event,false)">
            <i class="icon icon-delete" title="{{'delete' | translate }}" ></i><span>{{ 'delete' | translate }}</span>
        </div>
        <div class="pull-left adjust-btn" ng-if="canDownloadMultipleFiles && !isSafari" ng-click="multipleDownload()">
            <i class="icon icon-down" title="{{'download' | translate }}" ></i><span>{{'download' | translate }}</span>
        </div>
    </span>

    <!--  未选中文件或者文件夹  当前所在文件夹  -->
    <span ng-if="!multipleChooseFiles.length && !multipleSelectModeOn">
        <!--<div class="pull-left adjust-btn" ng-if="currentFolder.allowableActions.canCreateDocument || currentFolder.allowableActions.canCreateFolder" style="font-size: 20px;color:#999;">-->
            <!--|-->
        <!--</div>-->
        <div class="pull-left adjust-btn cur-p m-0" ng-if="currentFolder.allowableActions.canCreateFolder" ng-click="createFolder()">
            <i class="icon icon-folder-open" title="{{'create_folder' | translate}}"></i><span>{{'create_folder' | translate}}</span>
        </div>
        <div ng-click="setFileCDRMPerm(null,true)" class="pull-left adjust-btn" ng-if="supportFile && currentFolder.allowableActions.canCreateDocument && filePickerModal!='saveAs'">
            <i class="icon icon-up" title="{{'upload_file' | translate }}"></i><span>{{'upload_file' | translate }}</span>
        </div>
    </span>
</div>
<div ng-if="device==='mobile'">
    <p style="    position: absolute;
    width: 200px;
    height: 30px;
    font-size: 18px;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;">
        <span ng-if="!isSharedWithMe">{{ 'my_drive' | translate }}</span>
        <span ng-if="isSharedWithMe">{{ 'share_with_me' | translate }}</span>
    </p>
    <div>
        <div class="pull-right adjust-btn cur-p" ng-click="showCommonOptions()">
            <!--<i class="icon icon-sort-by"></i>-->
            <i class="fa fa-cog font-22"></i>
            <!--<i class="header-icon-size icon-mobile icon-more-mobile"></i>-->
            <!--<img class="svg-size" src="img/list.svg" alt="">-->
        </div>
        <div class="pull-right adjust-btn dropdown" id="sort-by-dropdown" ng-click="toggleSortByList()">
            <!--<img class="svg-size" src="img/list.svg" alt="">-->
            <span class="dropdown-toggle" type="button" data-toggle="dropdown">
                <i class="fa fa-sort-amount-desc font-22"></i>
            </span>
            <ul class="dropdown-menu right-click-pop-up" >
                <li ng-click="sortBy('name')" ng-class="{'active':folderOrderBy.indexOf('name')!==-1}">
                    <a href="javascript:;">
                        <span>Name</span>
                        <i ng-if="folderOrderBy.indexOf('name')!=-1" class="fa " ng-class="{'fa-long-arrow-down':folderOrderBy.indexOf('-')!=-1,'fa-long-arrow-up':folderOrderBy.indexOf('-')==-1}"></i>
                    </a>
                </li>
                <li ng-click="sortBy('contentStreamLength')" ng-class="{'active':folderOrderBy.indexOf('contentStreamLength')!==-1}">
                    <a href="javascript:;">
                        <span>Size</span>
                        <i ng-if="folderOrderBy.indexOf('contentStreamLength')!=-1" class="fa " ng-class="{'fa-long-arrow-down':folderOrderBy.indexOf('-')!=-1,'fa-long-arrow-up':folderOrderBy.indexOf('-')==-1}"></i>
                    </a>
                </li>
                <li ng-click="sortBy('lastModificationDate')" ng-class="{'active':folderOrderBy.indexOf('lastModificationDate')!==-1}">
                    <a href="javascript:;">
                        <span>Date</span>
                        <i ng-if="folderOrderBy.indexOf('lastModificationDate')!=-1" class="fa " ng-class="{'fa-long-arrow-down':folderOrderBy.indexOf('-')!=-1,'fa-long-arrow-up':folderOrderBy.indexOf('-')==-1}"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
